
@extends('meizu.public.indexP')
@section('content')
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- <script charset="utf-8" src="%E6%88%91%E7%9A%84%E8%AE%A2%E5%8D%95-%E9%AD%85%E6%97%8F%E5%95%86%E5%9F%8E_files/v.htm"></script> -->
<script src={{ asset('meizu/myorder/hm.js') }}"></script><script src="{{ asset('meizu/myorder/flow.js') }}"></script><script src=""{{ asset('meizu/myorder/analytics-min.js') }}"></script>

    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>我的订单-魅族商城</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="http://store.res.meizu.com/resources/php/store/java/layout/img/favicon-2e71785f44.ico" rel="shortcut icon" type="image/x-icon">
    <link href="http://store.res.meizu.com/resources/php/store/java/layout/img/favicon-2e71785f44.ico" rel="icon" type="image/x-icon">
    <meta name="description" content="魅族商城是魅族面向全国服务的官方电子商务平台,提供魅族PRO系列、魅族MX系列和魅蓝系列等产品的预约和购买.官方正品,全国联保.">
    <meta name="keywords" content="魅族官方在线商店、魅族在线商城、魅族官网在线商店、魅族商城">
    <link rel="stylesheet" href="{{ asset('meizu/myorder/layout-ea436a570a.css') }}">


    <!--[if lt IE 9]>
    <script src="//store.res.meizu.com/resources/php/store/java/layout/js/html5shiv-3ed50bb69a.js" type="text/javascript"></script>
    <script src="//store.res.meizu.com/resources/php/store/java/layout/js/es5-shim-50bbaee56e.js" type="text/javascript"></script>
    <![endif]-->
<link rel="stylesheet" href="{{ asset('meizu/myorder/order-newPayment-2c85fe848a.css') }}">
<style>
    .sureGet .ui-pop-main .ui-pop-cont{
        line-height: 28px !important;
        margin: 64px auto 30px !important;
        padding:0 30px;
    }
    .font-14{
        font-size: 14px;
    }
    .big-font{
        font-size: 18px;
    }
</style>
</head>
<body>
<!-- common header -->






    <div class="store-wrap">
        <div class="crumbs">
            <a href="{{  url('/')}}">首页&gt;</a><a href=" {{  url('/')}} ">我的商城&gt;</a><a href="" class="active">我的订单</a>
        </div>
        <div class="main clearfix">
    <div class="left-nav f-fl">
        <div class="nav-main">
            <a href="javascript:;" class="type-title"><i class="iconfont icon-orderCenter"></i>订单中心</a>
            <a href="http://ordercenter.meizu.com/list/index.html" class="ml active">我的订单</a>
            <a href="http://me.meizu.com/member/repo/index" class="ml ">我的回购单</a>
            <a href="http://insurance.meizu.com/list/insurance.html" class="ml ">我的意外保</a>
            <a href="javascript:;" class="type-title"><i class="iconfont icon-selfCenter"></i>个人中心</a>
            <a href="http://me.meizu.com/member/address/index" class="ml ">地址管理</a>
            <a href="http://me.meizu.com/member/favorite/index" class="ml ">我的收藏</a>
            <a href="http://me.meizu.com/member/message/index" class="ml ">消息提醒</a>
            <a href="http://me.meizu.com/member/advice/index" class="ml ">建议反馈</a>
            <a href="javascript:;" class="type-title"><i class="iconfont icon-moneyCenter"></i>资产中心</a>
            <a href="http://me.meizu.com/member/coupon/index" class="ml ">我的优惠券</a>
            <a href="http://me.meizu.com/member/redenvelop/index" class="ml ">我的红包</a>
            <a href="http://me.meizu.com/member/repo_ticket/index" class="ml ">我的回购券</a>
            <a href="javascript:;" class="type-title"><i class="iconfont icon-serverCenter"></i>服务中心</a>
            <a href="http://store.meizu.com/member/returned/index" class="ml" style="width: 105px">退款/退换货跟踪</a>
            <a href="http://me.meizu.com/member/service/insurance" class="ml ">意外保</a>
            <a href="http://me.meizu.com/member/service/recovery" class="ml ">以旧换新</a>
        </div>
    </div>
            <div class="right-content f-fr">
                <div class="order-main">
                    <a class="orderSearch" href="http://ordercenter.meizu.com/list/phone.html" target="_blank">找不到订单？用手机号查询试试&gt;&gt;</a>
                    <div class="type-tab-btn">
                        <a href="javascript:;" class="allOrder active" data-type="-1">全部订单</a><i class="line">|</i>
                        <a class="waitPay" href="javascript:;" data-type="0">待付款<span class="amount _actAmount">1</span></a><i class="line">|</i>
                        <a class="waitDeliver" href="javascript:;" data-type="1">待发货</a><i class="line">|</i>
                        <a class="hasDeliver" href="javascript:;" data-type="2">已发货</a><i class="line">|</i>
                        <a class="other" href="javascript:;" data-type="99">其他</a>
                    </div>
                    <div class="list-head">
                        <ul class="clearfix">
                            <li class="w50">订单明细</li>
                            <li class="w125">售后</li>
                            <li class="w125">金额</li>
                            <li class="w125">状态</li>
                            <li class="w125">操作</li>
                        </ul>
                    </div>
                    <div id="tableList" class="type-contain ui-load-container"><div class="ui-load-content"><input id="unPayNum" value="1" type="hidden">

<table class="orderItem">
@foreach($order as $k => $v)
      <tbody>
      <tr class="trHead">
        <td colspan="5" class="title clearfix">
            <div class="f-fl">下单时间：<span class="time">{{ $v -> time }}</span>订单号：<span class="orderNumber">{{ $v -> id }}</span>
            </div>
            <!-- <span class="brand f-fr">
                魅族
                <i class="service">由“魅族”负责发货，并提供售后服务</i>
                <i class="icon"></i>
            </span> -->
        </td>
      </tr>
      <tr class="list-box b-l b-r b-b">
          <td class="list b-r">
                      <div class="item clearfix">
                        <a class="productDetail nameWidth" href="" >
                        <img src="{{ url($v -> pic) }}" class="f-fl"></a>
                        <div class="describe f-fl">
                            <div class="vertic clearfix">
                                <span class="clearfix">
                                    <a class="productDetail nameWidth" href="http://detail.meizu.com/item/mx6.html" target="_blank">
                                    {{ $v ->name }} {{ $v -> info }} </a>
                                    <p>
                                      ￥{{$v -> price }} 
×{{$v -> num }} 
                                    </p>
                                </span>
                            </div>
                        </div>
                        <input class="orderSn" value="21112311391513787051" type="hidden">
                    </div>
          </td>
          <td class="b-r w125 center price">
              <div class="priceDiv">
                  ￥{{  ($v -> price)*($v -> num) +($v -> cost) }}
                  
              </div>
          </td>
          <td class="b-r w125 center state">
              <div class="stateDiv">
                  <div>待付款<br></div>
                  <a href="http://store.meizu.com/marrive/summary.html" target="_blank"><i class="iconfont icon-speedr"></i>&nbsp;次日达</a><br><span style="color:#999;letter-spacing:-0.5px;">24:00前支付,次日达</span>
              </div>
          </td>
          <td class="w125 center opreat">
              <ul>
                      <li class="goPay"><a href="{{ url('user/pay') }}/{{ ($v -> id) }}" >立即付款</a></li>
                      <li class="cancel">取消订单</li>
                  <li class="more"><a href="http://ordercenter.meizu.com/detail.html?sn=21112311391513787051&amp;isOld=0">查看详情</a></li>
              </ul>
          </td>
      </tr>
      <tr class="empty">
          <td></td>
      </tr>
</tbody>
@endforeach
</table>


</div></div>
                    <input id="pageId" value="0" type="hidden">
                </div>
            </div>
        </div>
    </div>

    <!-- common js -->

    <!-- end content -->


<script src="{{ asset('meizu/myorder/layout-208548c914.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="{{ asset('meizu/myorder//order-newPayment-f813d67ce1.js') }}"></script>
<script>
    var __mzt = __mzt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//sccom.res.meizu.com/js/analytics-min.js";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script type="text/javascript" charset="utf-8">
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = ('https:' == document.location.protocol ? 'https://tongji-res.meizu.com' : 'http://tongji-res1.meizu.com') + '/resources/tongji/flow.js';
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script type="text/javascript">
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?2a0c04774115b182994cfcacf4c122e9";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

</body></html>

@endsection